<!DOCTYPE html>
<html>
	<head>
		<style>
			.stage {
				width: 300px;
				height: 300px;
				float: left;
				margin: 15px;
				position: relative;
				background: url(http://www.w3cplus.com/sites/default/files/blogs/2013/1311/bg.jpg) repeat center center;
				-webkit-perspective: 1200px;
				-moz-perspective: 1200px;
				-ms-perspective: 1200px;
				-o-perspective: 1200px;
				perspective: 1200px;
			}
			.container {
				position: absolute;
				top: 50%;
				left: 50%;
				-webkit-transform-style: preserve-3d;
				-moz-transform-style: preserve-3d;
				-ms-transform-style: preserve-3d;
				-o-transform-style: preserve-3d;
				transform-style: preserve-3d;
			}
			.container img {
				position: absolute;
				margin-left: -70px;
				margin-top: -100px;
			}
			.container img:nth-child(1) {
				z-index: 2;
				opacity: .6;
			}
			.s1 img:nth-child(2) {
				z-index: 2;
				-webkit-transform: rotateX(45deg);
				-moz-transform: rotateX(45deg);
				-ms-transform: rotateX(45deg);
				-o-transform: rotateX(45deg);
				transform: rotateX(45deg);
			}
		</style>
	</head>
	<body>
		<div class="stage s1">
			<div class="container">
				<img src="http://www.w3cplus.com/sites/default/files/blogs/2013/1311/cardKingClub.png" alt="" width="140" height="200" />
				<img src="http://www.w3cplus.com/sites/default/files/blogs/2013/1311/cardKingClub.png" alt="" width="140" height="200" />
			</div>
		</div>
	</body>
</html>